.main {
  height: 100%;
  width: 100%;
  .data-overview-header {
    height: 100%;
    .data-overview-title {
      position: relative;
      padding: 5px 0;
      font-size: 14px;
      border-bottom: 1px solid #e8e8e8;
      i {
        color: #999;
      }
      span {
        font-weight: bolder;
        margin-left: 10px;
      }
    }
    .data-overview-tabs {
      width: 97%;
      height: 98%;
      position: absolute;
      top: 7px;
      :global {
        .ant-tabs-nav {
          /*float: right;*/
        }
        .ant-tabs{
          width:99%;
          height: 100%;
        }
        .ant-tabs-nav .ant-tabs-tab {
          margin-right: 10px;
          padding: 8px 10px;
          width:60px;
          overflow: hidden;
        }
        .ant-tabs-nav-container{
          font-size: 12px;
        }
        .ant-tabs-bar {
          margin-bottom: 0;
          max-width: calc(100% - 100px);
          float: right;
          border: 0px solid #ddd;
        }
        .ant-tabs:not(.ant-tabs-vertical)>.ant-tabs-content{
          height: calc(100% - 40px);
        }
        .ant-tabs:not(.ant-tabs-vertical)>.ant-tabs-content>.ant-tabs-tabpane {
          height: calc(100% - 0px);
        }
        .ant-spin-nested-loading{
          height: calc(100% - 40px);
          overflow: auto
        }
      }

    }
  }
}
